/* This file specifies all specific responsive behavior that is not defined 
    in the regular bootstrap classes. */

@media (max-width: 768px) {
    footer{
        padding-top:0px;
    }
    
    #footer-image{
        display:none;
    }
    .footer-heading{
        display: none;
    }

    .carousel .carousel-control {
        display:none;
    }

   
}
@media (max-width: 960px) {
    .custom-navbar-link:hover{
        color:inherit;
        background-size: 80px 2px;
        background-position: center bottom;
        transition: 0.2s;
    }
}


@media (max-width: 1000px) {
    #dad-animation{
        visibility: hidden;
    }
}